<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Example 29: Modifying the Linear Ad Clickthrough Message</title>
<script type="text/javascript" src="../dist/jquery-1.3.1.js"></script>
<script type="text/javascript" src="../dist/flowplayer-3.1.4.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/global.css" />
</head>
<body>
<h2>Example 29: Modifying the Linear Ad Clickthrough Message</h2>
<p class="example">
You can modify the font style, size and whether or not the message is shown.
</p>
<a class="example"></a>
<script type="text/javascript">
flowplayer("a.example", "../dist/flowplayer-3.1.5.swf", {
    plugins: {
        controls: {
            autoHide: "always"
        },
        rtmp: {
            url: "../dist/flowplayer.rtmp-3.1.3.swf"
        },

        openAdStreamer: {
            url: '../dist/OpenAdStreamer.swf',
//            "url": "/fp-http/OpenAdStreamer.swf",

            "debug": {
              "debugger": "firebug",
              "levels": "fatal"
            },

            "ads": {
                "pauseOnClickThrough": true,
                "clickSign": {
                   "enabled": true,
                   "verticalAlign": "center",
                   "horizontalAlign": "center",
                   "width": 150,
                   "height": 32,
                   "opacity": 0.5,
                   "borderRadius": 20,
                   "backgroundColor": "#000000",
                   "style": ".smalltext { font-size:12; }",
                   "html": "&lt;p class=\"smalltext\" align=\"center\"&gt;CLICK ME!&lt;/p&gt;",
                   "scaleRate": 0.75
                },
                "notice": { "show": true },
              "servers": [
                   {
                      "type": "OpenX",
                      "apiAddress": "http://openx.openvideoads.org/openx/www/delivery/fc.php",
                      "customProperties": { 
                            "target": "category=food" 
                      }
                   }
              ],
                "schedule": [
                   {
                      "zone": "1",
                      "position": "pre-roll"
                   }
                ]
            }
        }
    }
});
</script>
<br/>
<p>
The configuration for this example is:
</p>
<div class="codebox">
<pre>
<code class="javascript">
flowplayer("a.example", "../dist/flowplayer-3.1.5.swf", {
    plugins: {
        controls: {
            autoHide: "always"
        },
        rtmp: {
            url: "../dist/flowplayer.rtmp-3.1.3.swf"
        },

        openAdStreamer: {
            url: '../dist/OpenAdStreamer.swf',

            "debug": {
                "debugger": "firebug",
                "levels": "fatal"
            },

            "ads": {
                "pauseOnClickThrough": true,
                "clickSign": {
                    "enabled": true, 
                    "verticalAlign": "center",
                    "horizontalAlign": "center",
                    "width": 150,
                    "height": 32,
                    "opacity": 0.5,
                    "borderRadius": 20,
                    "backgroundColor": "#000000",
                    "style": ".smalltext { font-size:12; }",
                    "html": "&lt;p class=\"smalltext\" align=\"center\"&gt;CLICK ME!&lt;/p&gt;",
                    "scaleRate": 0.75
                },
                "notice": { "show": true },
                "servers": [
                    {
                       "type": "OpenX",
                       "apiAddress": "http://openx.openvideoads.org/openx/www/delivery/fc.php",
                       "customProperties": { 
                            "target": "category=food" 
                       }
                    }
                ],
                "schedule": [
                    {
                       "zone": "1",
                       "position": "pre-roll"
                    }
                ]
            }
        }
    }
});
</code>
</pre>
</div>
<script type="text/javascript" src="js/tracking.js">
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-10158120-3");
if(TRACKING_TURNED_ON) {
	pageTracker._trackPageview();
}
} catch(err) {}
</script>
</body>
</html>